<template>
	<div>
		<el-row>
			<el-col :span="24">
				<el-button type="primary" @click="goBack()">回到主页</el-button>
				<router-link :to="{ name: 'layout' }">
					<el-button type="primary"> layout布局 </el-button>
				</router-link>

				<router-link :to="{ name: 'container' }">
					<el-button type="primary"> 布局容器 </el-button>
				</router-link>

				<router-link :to="{ name: 'button' }">
					<el-button type="primary"> 按钮 </el-button>
				</router-link>
			</el-col>
		</el-row>

		<router-view />
	</div>
</template>

<script>
	export default {
		data() {
			return {
				key: 'value'
			}
		},
		methods: {
			goBack() {
				this.$router.push({ path: '/home' })
			}
		}
	}
</script>

<style lang="scss" scoped>
	.el-row {
		padding: 10px 0;
	}
	.el-button {
		margin: 0 5px;
	}
</style>
